// 主题色
$theme-color: #007AFF;
$theme-color-light: #4ca6ff;
$theme-color-dark: #0056b3;

// 背景色
$bg-color: #F8F8F8;
$bg-color-white: #FFFFFF;
$bg-color-grey: #F5F5F5;
$bg-color-mask: rgba(0, 0, 0, 0.4);

// 文字颜色
$text-color-main: #333333;
$text-color-regular: #666666;
$text-color-secondary: #999999;
$text-color-placeholder: #C8C9CC;
$text-color-disabled: #CCCCCC;

// 边框颜色
$border-color: #EBEDF0;
$border-color-light: #F2F3F5;
$border-color-dark: #DCDEE0;

// 字体大小
$font-size-xs: 20rpx;
$font-size-sm: 24rpx;
$font-size-md: 28rpx;
$font-size-lg: 32rpx;
$font-size-xl: 36rpx;

// 间距
$spacing-xs: 10rpx;
$spacing-sm: 20rpx;
$spacing-md: 30rpx;
$spacing-lg: 40rpx;
$spacing-xl: 50rpx;

// 圆角
$radius-xs: 4rpx;
$radius-sm: 8rpx;
$radius-md: 12rpx;
$radius-lg: 16rpx;
$radius-xl: 20rpx;
$radius-max: 999rpx;

// 阴影
$shadow-sm: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
$shadow-md: 0 4rpx 12rpx rgba(0, 0, 0, 0.1);
$shadow-lg: 0 8rpx 24rpx rgba(0, 0, 0, 0.1);

// 动画
$animation-duration-fast: 0.2s;
$animation-duration-base: 0.3s;
$animation-duration-slow: 0.4s;

// z-index层级
$zindex-normal: 1;
$zindex-mask: 999;
$zindex-popup: 1000;
$zindex-navbar: 1001;
$zindex-modal: 1500;